<template>
  <div class="bottom">
    <div class="bottom1">
        <div class="bottom3">
            <div class="bottom4">
                <div class="bottom6">
                    <img src="../assets/image/logo.png">
                </div>
                <div class="bottom5">
                    快乐从舌尖开始,校园美食伴你左右每一天。
                </div>
            </div>
            <div class="bottom7">
                <div class="bottom8" @click="toPage('index')">
                    首页
                </div>
                <div class="bottom8" @click="toPage('food')">
                    美食分享
                </div>
                <div class="bottom8" @click="toPage('restaurant')">
                    餐厅推荐
                </div>
                <div class="bottom8" @click="toPage('favor')">
                    我的收藏
                </div>
                <div class="bottom8" @click="toPage('myShare')">
                    我的分享
                </div>
                <div class="bottom8" @click="toPage('center')">
                    个人中心
                </div>
                <div class="bottom8" @click="toPage('about')">
                    关于
                </div>
            </div>
        </div>
    </div>
    <div class="bottom2">
        <div class="bottom9">
            <div>© 2025 Company All rights By msxy</div>
        </div>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return{
        
      }
    },
    methods: {
        toPage(name) {
          if(name == 'index') {
              this.$router.push("/")
          } else if (name == "food") {
              this.$router.push("/food")
          } else if(name == 'restaurant') {
              this.$router.push("/restaurant")
          } else if(name == 'favor') {
              this.$router.push("/favor")
          } else if(name == 'about') {
              this.$router.push("/about")
          } else if(name == 'myShare') {
              this.$router.push("/myShare")
          } else if(name == 'center') {
              this.$router.push("/center")
          }
        },
    },
    created() {
     
    },
    mounted() {
      
    }
 }
</script>

<style scoped>
@import url('../assets/css/bottom.css');
</style>